@extends('layout.list')

@section('title', '首页')



@section('content')

  <div class="top_wrap"> 
   <div class="top_bnr"> 
    <ul  class="banner"> 
     <li> <img src="/homeHTML/37a2854797d4dcdd56da9071a2b3_960_420.c5.jpg" width="100%"></li> 
     <li> <img src="/homeHTML/2f19045cd641aad7841d15a9fcd8_960_420.c5.jpg" width="100%"></li> 
     <li> <img src="/homeHTML/4ae8b25654a30c98509763e3343e_960_420.c5.jpg" width="100%"></li> 
     <li> <img src="/homeHTML/2e5fdb2a16502973168d836e6eff_960_420.c5.jpg" width="100%"></li> 
     <li> <img src="/homeHTML/92af1ff4f09a9f1efa44669a46d5_960_420.c5.jpg" width="100%"></li> 
    </ul>
    <ul class="num">
      <li class="on"></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div class="btn btn_l">&lt;</div>
    <div class="btn btn_r">&gt;</div>
   </div>
       <script type="text/javascript" src="/homeHTML/jquery-1.8.3.min.js"></script>
      <script type="text/javascript">
      //定义全局变量
      var i = 0;
      //第一步 先克隆图片
      var cloneimg = $('.top_bnr .banner li').first().clone();
      //第二步
      $('.top_bnr .banner').append(cloneimg);
      //获取图片个数
      var length = $('.top_bnr .banner li').length;

      //绑定单击事件
      $('.top_bnr .btn_l').click(function(){
        //图片移动
        moveL();
      })
      //绑定单击事件
      $('.top_bnr .btn_r').click(function(){
        //图片移动
        moveR();
      })

      //启动定时器
      var inte = setInterval(moveR,3000);

      //鼠标悬停效果
      $('.top_bnr').hover(function(){
        //清除定时器
        clearInterval(inte);
      },function(){
        //启动
        inte = setInterval(moveR,3000);
      })

      //给小圆点绑定鼠标划入事件
      $('.top_bnr .num li').hover(function(){
        //获取当前的索引
        var index = $(this).index();
        i = index;
        newLeft = i*960;
        $('.top_bnr .banner').animate({left:-newLeft+'px'},960);
        $('.top_bnr .num li').eq(i).addClass('on').siblings().removeClass('on');
      })


      //封装向右移动的方法
      function moveR(){
        i++;
        //判断越界
        if(i == length){
          // i=0;
          //第三步 用css快速把位置跳到0
          $('.top_bnr .banner').css({left:0});
          i = 1;
        }
        //计算left
        var newLeft = i*960;
        //设置样式
        $('.top_bnr .banner').animate({left:-newLeft+'px'},960);
        //设置圆点
        if(i == length-1){
          $('.top_bnr .num li').eq(0).addClass('on').siblings().removeClass('on');
        }else{
          $('.top_bnr .num li').eq(i).addClass('on').siblings().removeClass('on'); 
        }
      }

      //封装向左移动的方法
      function moveL(){
        i--;
        //判断越界
        if(i == -1){
          // i = length-1;
          $('.top_bnr .banner').css({left:-(length-1)*960});
          i = length-2;
        }
        //计算left
        var newLeft = i*960;
        //设置样式
        $('.top_bnr .banner').animate({left:-newLeft+'px'},960);
        $('.top_bnr .num li').eq(i).addClass('on').siblings().removeClass('on');
      }
      </script>
   <div class="top_box"> 

    
    <div class="attr_box"> 
     <ul class="sec_attr">
     @foreach($res as $k=>$v) 
      <li class="list"> 
       <div class="list_cont"> 
        <h3 class="nav_tle"> <a href="{{url('/goods/list')}}/{{$v->sorid}}" target="_blank">{{$v->sorname}}</a> </h3> 
        <p class="listP"> 
        @foreach($v->sub as $kk=>$vv) 
        <a href="{{url('/goods/list')}}/{{$vv->sorid}}" target="_blank">{{$vv->sorname}}</a>
        @endforeach 
        </p> 
       </div>
       <ul class="nav_list"> 
        <li> <h4><a href="http://www.meilishuo.com/guang/catalog/hot?nid=222763&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_nav_0" target="_blank">每日精选</a></h4> <p> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=223229&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_0" target="_blank">T恤</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226779&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_1" target="_blank">雪纺衫</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226793&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_2" target="_blank">薄款外套</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226777&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_3" target="_blank">衣裙套装</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=223231&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_4" target="_blank">连衣裙</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226807&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5" target="_blank">泳衣</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226787&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_6" target="_blank">短裤</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226791&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_7" target="_blank">背带裤</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226687&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_8" target="_blank">凉鞋</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226815&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_9" target="_blank">拖鞋</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226781&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_10" target="_blank">小白鞋</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226799&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_11" target="_blank">斜挎包</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226797&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_12" target="_blank">双肩包</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=227007&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_13" target="_blank">防晒霜</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226805&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_14" target="_blank">手表</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=223255&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_15" target="_blank">四件套</a> <a class="red_f" href="http://www.meilishuo.com/guang/catalog/hot?nid=226801&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_16" target="_blank">厨房用具</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226803&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_17" target="_blank">小礼物</a> <a href="http://www.meilishuo.com/guang/catalog/hot?nid=226809&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_18" target="_blank">辣味零食</a> </p> </li> 
       </ul>
        </li> 
      @endforeach
     </ul> 
    </div> 
 
    <div class="bnr_box"> 
     <ul class="pic_attr"> 
      <li><a href="http://act.meilishuo.com/daimaiPCrukou?pstrc=fe_pos%3Awlc_ico_0" target="_blank"><img src="/homeHTML/05b1902b23a983970476fe3e6715_182_145.jpg" /></a></li> 
      <li><a href="http://act.meilishuo.com/727/branch/sale/index?pstrc=fe_pos%3Awlc_ico_1" target="_blank"><img src="/homeHTML/f5f3f62bd972b72e69ae811e8bac_182_145.jpg" /></a></li> 
      <li><a href="http://www.meilishuo.com/rapid/574bc31bb3dad587b1c1d16d?pstrc=fe_pos%3Awlc_ico_2" target="_blank"><img src="/homeHTML/a0e1dfdd24dfb48f45c69adb6cc0_182_145.jpg" /></a></li> 
      <li><a href="http://promotion.meilishuo.com/promotion/easy/page/3423?pstrc=fe_pos%3Awlc_ico_3" target="_blank"><img src="/homeHTML/0bb010ef6bcd2c2f28782cd5cbb7_182_145.jpg" /></a></li> 
      <li><a href="http://www.meilishuo.com/guang/hot?frm=daeh&amp;ptp=1.Ss0Ug4ks.0.0.9OILU&amp;pstrc=fe_pos%3Awlc_ico_4" target="_blank"><img src="/homeHTML/4431be0feef510ab6b09560bf77a_182_145.jpg" /></a></li> 
     </ul> 
    </div> 
   </div>
  </div>
  <!-- END -->
  <!-- START NEW-->
  <div class="auto_wrap" style="margin-top:154px"> 
   <!-- 今日新款发布 --> 
   <!--			--> 
   <!-- 正在流行与潮搭 --> 
   <div class="module fashion"> 
    <div class="tit"> 
     <h2> 正在流行 <span class="subtit">流行元素 权威榜单</span> </h2> 
     <div class="operate">
       &nbsp; 
     </div> 
    </div> 
    <div class="cont"> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E8%A1%A3%E8%A3%A4%E5%A5%97%E8%A3%85&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_0"> <img src="/homeHTML/9b8452db44b60342b14fd9c167d1_330_410.png" /> </a> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_1"> <img src="/homeHTML/c978bf091351bdd2298e9cd5964e_330_410.jpg" /> </a> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E6%97%B6%E5%B0%9A%E9%9C%B2%E8%84%90%E8%A3%85&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_2"> <img src="/homeHTML/ce6a352c31dc2d1d30e03c94f071_330_410.jpg" /> </a> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E4%BC%98%E9%9B%85%E4%BC%9E%E8%A3%99&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_3"> <img src="/homeHTML/cbb1312012e0d6f39ff9f9004b4d_330_410.jpg" /> </a> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E7%BA%AF%E8%89%B2T%E6%81%A4&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_4"> <img src="/homeHTML/1f3b2c9ae969112442970ff94757_330_410.jpg" /> </a> 
     <a target="_blank" href="http://www.meilishuo.com/search?searchKey=%E8%BD%BB%E7%86%9F%E9%98%94%E8%85%BF%E8%A3%A4&amp;searchType=1&amp;filter=goods&amp;frm=searchsuggestion&amp;suggest_frm=mouse&amp;pstrc=fe_pos%3Awlc_popularRidetide_0_5"> <img src="/homeHTML/f643f41a9a12072ee88a0c30f8bb_330_410.png" /> </a> 
    </div> 
   </div> 
   <div class="module focus"> 
    <div class="tit"> 
     <h2> 潮搭方案 <span class="subtit">一线美搭 焕新衣橱</span> </h2> 
     <div class="operate">
       &nbsp; 
     </div> 
    </div> 
    <div class="cont"> 
     <a target="_blank" href="http://pages.w.meilishuo.com/page/5652deba2af81c715765de1e?pstrc=fe_pos%3Awlc_popularRidetide_1_0"> <img src="/homeHTML/0d8a50bfb4b38fe454dd84b7968e_675_405.jpg" /> </a> 
    </div> 
   </div> 
   <!-- old ad --> 
   <!-- 新品精选 --> 
   <div class="module fashion_new"> 
    <div class="tit"> 
     <h2> 新品精选 <span class="subtit">尖货来袭 要你好看</span> </h2> 
     <div class="operate"> 
      <a target="_blank" href="http://www.meilishuo.com/guang/hot?pstrc=fe_pos%3Awlc_newgoodsmore_0">更多新品</a> 
     </div> 
    </div> 
    <div class="cont"> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10501296572?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_0"><img src="/homeHTML/880584288_ie4wgzjwmi4winlchezdambqgqyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥109.80</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10501296572?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_0"> 七格格夏新款 静谧蓝翻领拼接露肩短款纯色衬衫女 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10500323100?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_1"><img src="/homeHTML/1463754970_ifqtmmbugrstam3fhazdambqgyyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥89.90</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10500323100?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_1"> 七格格夏新款 清爽蓝色翻边袖口修身短款衬衫女 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10501175262?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_2"><img src="/homeHTML/813330757_ifrtomzxmi2gcmjyhezdambqhayde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥79.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10501175262?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_2"> 1185＃欧美风时尚翻领条纹双口袋个性文艺范百搭衬衫女夏新 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10501257336?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_3"><img src="/homeHTML/813330757_ie4wmyzwga4danlbhezdambqgqyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥149.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10501257336?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_3"> 2662＃预售欧美风翻领短袖衬衫+特色半身裙女两件套套装夏上 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10501467344?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_4"><img src="/homeHTML/1293942337_ifqtomlbhfstszdehezdambqgyyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥135.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10501467344?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_4"> 韩都衣舍韩版夏装宽松显瘦牛仔双口袋短外套 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10500684035?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_5"><img src="/homeHTML/ae2d2629be0dbaf6a066cd9af3c4_640_832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥66.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10500684035?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_5"> 2016夏季韩版新款竖条纹露肩一字领衬衣女 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10500845925?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_6"><img src="/homeHTML/1031684272_ie4doyrymvsgmzjrhezdambqgiyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥159.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10500845925?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_6"> CICISHOP夏季新品纯色一字肩一字领短款短袖t恤6628 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/10501210170?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_7"><img src="/homeHTML/1031684272_ie4tmodcmu2dimjzhezdambqgqyde_640x832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥159.00</span> 
        <span class="like">1</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/10501210170?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_7"> CICISHOP休闲字母贴布绣宽松长款牛仔连衣裙女6823 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/4109284437?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_8"><img src="/homeHTML/544475400ffef7e4fa37ff84cd6a_640_832.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥98.00</span> 
        <span class="like">4421</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/4109284437?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_8"> 衣品天成百搭娃娃领衬衫 </a> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="pic"> 
       <a target="_blank" href="http://www.meilishuo.com/share/item/4106573615?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_9"><img src="/homeHTML/503954104b6a6f4e23c3bf894ffe_650_900.jpg" /></a> 
      </div> 
      <div class="desc"> 
       <div> 
        <span class="price">￥178.00</span> 
        <span class="like">3626</span> 
       </div> 
       <div class="tit"> 
        <a target="_blank" href="http://www.meilishuo.com/share/item/4106573615?ad_tag=&amp;pstrc=fe_pos%3Awlc_newgoods_9"> 两三事条纹一字领露肩衬衫 </a> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <!-- 时尚美妆 --> 

   <!-- Hi范儿 --> 

   <!-- 好店推荐 --> 
    
   <!-- 新店驾到 --> 
   <!-- 为你精选 ajax --> 

  </div>
  <!-- END -->
  <!-- START 广告杂志 old-->
  <!-- <div class="auto_wrap">	<div class="module" style="margin-bottom:10px;margin-top:0;">		<div class="tit">			<h2>				热门杂志			</h2>			<div class="operate">								<a class="ml10_f" href="/magazine?pstrc=fe_pos:wlc_mgz_more:wlc_hotmagazinemore_0" target="_blank">更多杂志</a>			</div>		</div>	</div>	</div> -->
  <div class="auto_wrap" style="margin-top: -40px;"> 
  </div>
  <!-- END -->
  <!--[if lte IE 8]><div class="prompt_browser">	您的浏览器版本太低导致：图片打开速度太慢。为提升速度，请	<a class="ie_red" href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank"><span class="ie">&nbsp;</span>升级ie浏览器</a>，或	<a href="http://www.google.cn/chrome/browser/desktop/index.html" target="_blank"><span class="chrome">&nbsp;</span>下载chrome浏览器</a>，或	<a href="http://ie.sogou.com/?f=alading" target="_blank"><span class="sougo">&nbsp;</span>下载搜狗浏览器</a></div><![endif]--> 
  <div class="clear_f"></div>
@endsection

